<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
	<head> 
		<title>Media Queries Demo</title> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> 
		<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"> 
	</head> 
	<body> 
	<div id="container"> 
  	<div id="toolbar"> 
  	<ul> 
  	 <li id="current">Home</li> 
  	 <li>About</li> 
  	 <li>Demo</li> 
  	</ul> 
  	</div> 
  	<h1>Media Queries </h1> 
    <p>De demo gebruikt 2 Media Queries:</p> 
    <p>Als je kijkt naar de CSS bestanden, zie je dat er gekeken wordt naar de breedte van het scherm om de lettergroote te bepalen</p> 
    <p>Als je kijkt naar de top of deze html pagina, zie je dat er gekeken wordt naar de weergave van het windows, landscape of portret.</p>
  	</div> 
	</div> 
	</body> 
</html> 